<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('津贴收款')" />
</head>
<body class="gray-bg">
<div id="jintieshoukuan">
    <div class="nav-tabs-custom">
        <ul class="nav nav-tabs" >
            <li class="active"><a style="background: #f3f3f4">津贴收款</a></li>
            <li><a @click="toBofu">津贴拨付</a></li>
        </ul>
    </div>
<div class="container-div">
    <div class="row">

        <!--登录信息-->
        <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
        <input name="username" th:value="${session.username}" type="hidden" id="username">
        <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">




        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
                        <li>
                            <label style="width:100px;">拨款批次&nbsp;&nbsp;</label>
                            <input type="text" name="picimingcheng" v-model="piciname"/>
                        </li>
                        <li class="sousuo">
                            <a class="btn btn-success btn-md" @click="bindJingfeiDeptList"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-md" @click="Reset"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="col-sm-12 select-table table-striped">
            <table class="bootstrap-table table-hover table-striped table" style="text-align: center;">
                <thead>
                <tr style="font-weight: bold;">
                    <td>序号</td>
                    <td>拨款批次</td>
                    <td>实发人数</td>
                    <!--<td>停发人数</td>-->
                    <td>实发金额(元)</td>
                    <td>收款状态</td>
                    <td>上级单位拨款时间</td>
                    <td>收款时间</td>
                    <td>操作</td>
                </tr>
                <thead>
                <tbody>
                <tr v-for="(jingfeideptitem,index) in jingfeideptlist"  v-if="jingfeideptlist.length > 0">
                    <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeideptitem.name"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeideptitem.fafangrenshu"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeideptitem.fafangjine"></td>
                    <td style="vertical-align: middle; text-align: center;" :class="jingfeideptitem.isshoukuan==1?'green':'red'"  v-text="jingfeideptitem.isshoukuan==1?'已收款':'未收款'"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeideptitem.shangjidanweifafangshijian">
                    <td style="vertical-align: middle; text-align: center;" v-text="jingfeideptitem.shoukuanshijian">
                    <td style="vertical-align: middle; text-align: center;" v-text="">
                        <button v-if="jingfeideptitem.isshoukuan==0&&jingfeideptitem.isshangjifafang==1" class="btn btn-md btn-primary" @click="QuerenShoukuan(jingfeipiciitem)">确认收款</button>
                        <button class="btn btn-md btn-success" @click="toXiangqing(jingfeideptitem)">详情</button>
                    </td>
                </tr>
                <tr v-if="jingfeideptlist.length == 0">
                    <td style="text-align: center; vertical-align: middle" colspan="8">查无数据</td>
                </tr>
                </tbody>
            </table>

            <div th:replace="system/jintieguanli/modal_shoukuanxiangqing::shoukuanxiangqing"></div>

        </div>
    </div>

</div>
 </div>
<style>
    .red{
        color: red;
    }
    .green{
        color: green;
    }
</style>
<th:block th:include="include :: footer" />
<th:block th:include="include :: datetimepicker-js" />
<script th:src="@{/js/system/jintieguanli/jintieshoukuan.js?v=1.0}"></script>

</body>
</html>